/*--------------------------------------------------------------------------/
* @Author		KulerThemes.com http://www.kulerthemes.com
* @Copyright	Copyright (C) 2012 - 2013 KulerThemes.com. All rights reserved.
* @License		KulerThemes.com Proprietary License
/---------------------------------------------------------------------------*/

/* ============================== RESOLUTION 1024px ============================== */
@media screen and (max-width: 1024px) {
	.primary-define .wrapper {
		width: auto;
		margin: 0 20px;
	}
	.primary-define #column-left + #content,
	.primary-define #column-right + #content {
		width: 675px;
	}
	.primary-define .product-info > .left,
	.primary-define .product-info > .right {
		float: none;
		width: auto !important;
		margin: 0 !important;
	}
	/* PRODUCT */
	.primary-define .product-info .zoomPup,
	.primary-define .product-info .zoomWindow,
	.primary-define .product-info .zoomPreload {
		display: none !important;
	}
	.primary-define .product-info .image img {
		height: auto;
	}
	/* CSS3 SLIDESHOW */
	.primary-define .slide.style-5 .jcarousel-inner,
	.primary-define .slide.style-5 .jcarousel-clip {
		height: auto;
	}
}
/* ============================== RESOLUTION 960px ============================== */
@media screen and (max-width: 960px) {
	/* HEADER */
	.primary-define #topbar #welcome {
		display: none;
	}
	.primary-define #column-left + #content,
	.primary-define #column-right + #content {
		width: 615px;
	}
}
/* ============================== RESOLUTION 768px ============================== */
@media screen and (max-width: 768px) {
	/* DEFAULT HTML - GRID LAYOUT */
	.primary-define .grid-2,
	.primary-define .grid-3,
	.primary-define .grid-4 {
		margin: 0 !important;
		width: auto !important;
		float: none !important;
	}
	/* HEADER */
	.primary-define #toppanel #search {
		width: 100%;
		margin-right: 0;
	}
	.primary-define #toppanel #search-inner {
		display: block;
		margin-right: 54px;
	}
	.primary-define #toppanel #search .button-search {
		right: -54px;
	}
	.primary-define #toppanel #search input {
		min-width: 100%;
	}
	/* menu */
	.primary-define #menu {
		padding-bottom: 10px;
	}
	.primary-define #menu .wrapper {
		padding: 10px;
		background-color: #fff;
	}
	.primary-define #menu #btn-mobile-toggle {
		display: block;
	}
	.primary-define .mainmenu {
		display: none;
		background-color: #eee;
	}
	.primary-define .mainmenu > li {
		float: none;
		border-top: 1px solid #fff;
	}
	.primary-define .mainmenu li .btn-expand-menu {
		display: block;
	}
	.primary-define .mainmenu > li.item > a {
		color: #666;
	}
	.primary-define .mainmenu li:hover > a,
	.primary-define .mainmenu li.active > a {
		color: #fff;
	}
	.primary-define .mainmenu li .dropdown-container {
		opacity: 1;
		display: none;
		position: static;
		background: #fff;
		visibility: visible;
		transition: none;
	}
	.primary-define .mainmenu li .dropdown {
		background: none;
		width: auto !important;
		box-shadow: none;
	}
	.primary-define .mainmenu .sublevel {
		padding: 0;
		width: auto;
		float: none;
	}
	.primary-define .mainmenu .sublevel li a {
		padding: 11px 14px 11px 30px;
	}
	.primary-define .mainmenu .sublevel li.parent > a {
		padding-right: 10px;
		background-image: none;
	}
	.primary-define .mainmenu .sublevel li:hover > a,
	.primary-define .mainmenu .sublevel li.active > a {
		background-color: #666;
	}
	.primary-define .mainmenu .sublevel .dropdown-container li a {
		padding-left: 50px;
	}
	.primary-define .mainmenu .sublevel .sublevel .dropdown-container li a {
		padding-left: 70px;
	}
	.primary-define .mainmenu .sublevel .sublevel .sublevel .dropdown-container li a {
		padding-left: 90px;
	}
	/* PRODUCTS GRID */
	.primary-define .product-grid {
		text-align: center;
	}
	.primary-define #column-left,
	.primary-define #column-right {
		display: none;
	}
	.primary-define #column-left + #content,
	.primary-define #column-right + #content {
		margin: 0;
		float: none;
		width: auto;
	}
	/* footer */
	.primary-define #powered {
		text-align: center;
	}
	.primary-define #footer-payments {
		float: none;
	}
	/* Finder */
	.primary-define .kuler-finder select {
		width: 100%;
		display: block;
		margin-top: 5px;
	}
	/* Social Icons */
	.primary-define .kuler-social-icons {
		text-align: center;
	}
	/* Newsletter */
	.primary-define .kuler-newsletter {
		text-align: center;
	}
	/* Mega Menu */
	.primary-define .megamenu li.product,
	.primary-define .megamenu li.category {
		position: relative;
	}
	.primary-define .megamenu li.html .dropdown > * {
		max-width: 100%;
	}
	.primary-define .megamenu li.category .dropdown .sublevel > li {
		width: auto;
		display: block;
	}
	.primary-define .megamenu li.category .dropdown .sublevel > li:after {
		height: 0;
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	.primary-define .megamenu .box-product {
		text-align: left;
	}
	.primary-define .megamenu li.category .dropdown {
		padding: 1px 1px 15px 1px;
	}
	.primary-define .megamenu li.category .dropdown .subcat li a {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
	}
}
/* ============================== RESOLUTION 640px ============================== */
@media screen and (max-width: 640px) {
	/* HEADER */
	.primary-define #topbar #welcome {
		display: block;
	}
	.primary-define #topbar .links {
		float: none;
		clear: both;
	}
	/* PRODUCT */
	.primary-define .product-filter .display {
		text-align: right;
	}
	.primary-define .product-filter .display,
	.primary-define .product-filter .product-compare {
		padding-left: 0;
		border-left: none;
		padding-bottom: 16px;
		border-bottom: 1px solid #eee;
	}
	.primary-define .product-filter .product-compare {
		float: none;
	}
	.primary-define .product-filter .sort,
	.primary-define .product-filter .limit {
		margin: 0;
		padding-top: 16px;
	}
	.primary-define .product-filter .sort {
		float: left;
	}
	.primary-define .product-filter .limit {
		text-align: right;
	}
	.primary-define .product-info > .left {
		float: none;
		width: auto !important;
	}
	.primary-define .product-info > .right {
		float: none;
		margin: 20px 0 0 0 !important;
	}
	/* Tabs */
	.primary-define .kuler-tabs ul.module-nav-list {
		position: relative;
	}
	.primary-define .kuler-tabs ul.module-nav-list li {
		z-index: 2;
		float: none;
		display: none;
		transition: none;
	}
	.primary-define .kuler-tabs ul.module-nav-list li:first-child {
		display: block;
	}
	.primary-define .kuler-tabs ul.module-nav-list li.ui-state-active {
		z-index: 0;
		display: block;
	}
	.primary-define .kuler-tabs ul.module-nav-list li#btn-tabs-toggle {
		display: block;
	}
	.primary-define .kuler-tabs ul.module-nav-list li a {
		overflow: hidden;
		position: relative;
	}
	.primary-define .kuler-tabs ul.module-nav-list .ui-state-active a:before,
	.primary-define .kuler-tabs ul.module-nav-list.collapse .ui-state-active a:before {
		top: 50%;
		right: 10px;
		content: "";
		width: 30px;
		height: 30px;
		margin-top: -15px;
		position: absolute;
		background: url(../image/icons/icon-toggle-nav.png) right center no-repeat;
		transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	.primary-define .kuler-tabs ul.module-nav-list.expand .ui-state-active a:before {
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	/* Mega Menu */
	.primary-define .megamenu .box-product {
		text-align: center;
	}
}
/* ============================== RESOLUTION 480px ============================== */
@media screen and (max-width: 480px) {
	/* HEADER */
	.primary-define #topbar form {
		display: inline-block;
	}
	.primary-define #topbar form,
	.primary-define #topbar #welcome {
		float: none;
	}
	.primary-define #topbar #welcome {
		margin-bottom: 5px;
	}
	/* PRODUCT LIST */
	.primary-define .product-list .left {
		margin: 0;
		float: none;
	}
	.primary-define .product-list .right {
		margin: 0;
		float: none;
		border: none;
		text-align: center;
		padding: 15px 0 10px 0;
		border-top: 1px solid #eee;
	}
	.primary-define .product-list .price {
		top: 0;
		left: 50%;
		margin-top: -120px;
		position: absolute;
	}
	.primary-define .product-list .name {
		clear: both;
	}
	.primary-define .product-list .wishlist,
	.primary-define .product-list .compare {
		padding: 5px;
		display: inline-block;
	}
	/* content */
	.primary-define #content .content .left,
	.primary-define #content .content .right {
		float: none;
		width: auto;
	}
	/* checkout */
	.primary-define .login-content .left,
	.primary-define .login-content .right,
	.primary-define .checkout-content .left,
	.primary-define .checkout-content .right {
		float: none;
		width: auto;
	}
	.primary-define .login-content .left .content,
	.primary-define .login-content .right .content {
		min-height: 0;
	}
	/* cart */
	.primary-define .cart-info table td.model {
		display: none;
	}
	/* table */
	.primary-define table.form td:first-child {
		white-space: normal;
	}
	/* orders */
	.primary-define .order-list table tr,
	.primary-define .order-list table td {
		display: block;
	}
	.primary-define .order-list table thead,
	.primary-define .order-list table tbody {
		float: left;
		width: 50%;
	}
	/* table */
	.primary-define table.list td.left.model,
	.primary-define table.list td.right.price,
	.primary-define table.list td.right.quantity {
		display: none;
	}
	/* cart */
	.primary-define .cart-info table td.image,
	.primary-define .cart-info table td.price {
		display: none;
	}
	.primary-define .cart-module #shipping td {
		display: block;
	}
	/* checkout */
	.primary-define .checkout-content #payment-new table.form td,
	.primary-define .checkout-content #shipping-new table.form td {
		display: block;
	}
	/* Newsletter */
	.primary-define .kuler-newsletter {
		text-align: left;
	}
	.primary-define .kuler-newsletter form span {
		margin: 5px 0;
		display: block;
	}
	/* Finder */
	.primary-define .kuler-finder .ui-menu {
		width: 365px !important;
	}
	.primary-define .kuler-finder .box-product .left {
		width: auto;
		margin-right: 20px;
	}
	.primary-define .kuler-finder .box-product .name {
		clear: none;
	}
}
/* ============================== RESOLUTION 360px ============================== */
@media screen and (max-width: 360px) {
	.primary-define select {
		max-width: 217px;
	}
	/* HEADER */
	.primary-define #topbar form,
	.primary-define #topbar #welcome {
		float: none;
		text-align: center;
	}
	.primary-define #topbar #welcome {
		margin-top: 10px;
	}
	.primary-define #header #cart .heading {
		padding: 0;
		margin: 9px 0;
	}
	.primary-define #header #cart .heading a {
		padding: 0;
		display: block;
		overflow: hidden;
	}
	.primary-define #header #cart .heading a span {
		width: 42px;
		height: 42px;
		font-size: 0;
		display: block;
	}
	.primary-define #header #cart .content {
		width: 275px;
	}
	/* PRODUCT LIST */
	.primary-define .product-list .name {
		text-align: center;
	}
	.primary-define .product-list .rating {
		text-align: center;
	}
	/* PRODUCT GRID */
	.primary-define .product-grid > div {
		max-width: 225px;
	}
	/* CATEGORY */
	.primary-define .category-info .image {
		float: none;
		margin-right: 0;
		text-align: center;
	}
	.primary-define .product-filter .display {
		float: none;
		width: auto;
		text-align: center;
	}
	.product-filter .product-compare {
		text-align: center;
	}
	.primary-define .product-filter .sort,
	.primary-define .product-filter .limit,
	.primary-define .product-filter select {
		font-size: 11px;
	}
	.primary-define .product-filter select {
		max-width: 85px;
	}
	.primary-define .product-info .review .show-review,
	.primary-define .product-info .review .new-review {
		margin-left: 10px;
	}
	.primary-define .product-info .price {
		top: 0;
		margin: 0;
		padding: 0;
		position: absolute;
	}
	.primary-define .product-info .price-tax,
	.primary-define .product-info .reward,
	.primary-define .product-info .discount {
		display: none;
	}
	.primary-define .product-info .description span {
		min-width: 160px;
	}
	.primary-define .product-info .multi div {
		width: 75%;
		margin-left: 15px;
	}
	.primary-define .product-info .cart {
		text-align: center;
	}
	/* checkout */
	.primary-define .checkout-product td.model,
	.primary-define .checkout-product td.collapse,
	.primary-define .checkout-product thead td.price,
	.primary-define .checkout-product tbody td.price {
		display: none;
	}
	/* cart */
	.primary-define .cart-module #coupon .button,
	.primary-define .cart-module #voucher .button {
		margin-top: 10px;
	}
	/* tabs */
	.primary-define .htabs {
		height: auto;
	}
	.primary-define .tab-content {
		padding-top: 15px;
	}
	.primary-define .htabs a {
		margin: 0;
		float: none;
		display: block !important;
	}
	/* Newsletter */
	.primary-define .kuler-newsletter form input {
		margin: 5px 0;
	}
	/* Finder */
	.primary-define .kuler-finder select {
		max-width: 100%;
	}
	.primary-define .kuler-finder .ui-menu {
		width: 245px !important;
	}
}
/* ============================== RESOLUTION 320px ============================== */
@media screen and (max-width: 320px) {
	/* HEADER */
	.primary-define #header #cart .content {
		right: -15px;
	}
	/* PRODUCTS GRID */
	.primary-define .product-grid > div {
		max-width: 190px;
	}
	/* PRODUCT */
	.primary-define .product-info .image-additional a {
		max-width: 67px;
	}
	/* FINDER */
	.primary-define .kuler-finder .ui-menu {
		width: 205px !important;
	}
	/* MEGA MENU */
	.primary-define .megamenu .box-product > div {
		max-width: 160px;
	}
}